function createWatermark(text = 'Watermark Text') {
  // 创建水印容器元素
  const watermarkDiv = document.createElement('div')
  watermarkDiv.className = 'watermark'

  // 创建 canvas 元素用于绘制水印
  const canvas = document.createElement('canvas')
  const ctx = canvas.getContext('2d')

  // 设置画布尺寸
  canvas.width = 300
  canvas.height = 150

  // 设置水印文字的旋转角度和样式
  ctx.rotate((-20 * Math.PI) / 180)
  ctx.fillStyle = 'rgba(0, 0, 0, 0.1)'
  ctx.font = '20px Arial'
  ctx.fillText(text, 0, 100)

  // 创建重复图案并设置为背景
  const pattern = ctx.createPattern(canvas,'repeat-x')
  watermarkDiv.style.background = `url(${canvas.toDataURL()})`

  // 将水印添加到页面中
  document.body.appendChild(watermarkDiv)
}

// 页面加载完成后创建水印
window.onload = () => createWatermark('水印')
